<!DOCTYPE html>
<html lang="en">
<head>
	<title>Home</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="utf-8">
	<meta name="keywords" content="" />
	<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
	<!-- bootstrap-css -->
	<link href="https://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
	<!--// bootstrap-css -->
	<!-- css -->
	<link rel="stylesheet" href="./css/style.css" tppabs="./css/style.css" type="text/css" media="all" />
	<!--// css -->
	<!-- font-awesome icons -->
	<link href="./css/font-awesome.css" tppabs="./css/font-awesome.css" rel="stylesheet">
	<!-- //font-awesome icons -->
	<!-- font -->
	<link href="./fonts.googleapis.com/css-family=Laila-300,400,500,600,700.css" tppabs="http://fonts.googleapis.com/css?family=Laila:300,400,500,600,700" rel="stylesheet">
	<link href="./fonts.googleapis.com/css-family=Open+Sans-300,300i,400,400i,600,600i,700,700i,800,800i.css" tppabs="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
	<!-- //font -->
	<script
			src="https://code.jquery.com/jquery-2.2.4.min.js"
			integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
			crossorigin="anonymous"></script>
	<script src="https://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){		
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});
</script> 

<!--[if lt IE 9]>
  <script src="./oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js" tppabs="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<![endif]-->
</head>
<body>
	<!-- banner -->
	<div class="banner">
		<div class="head">
			<div class="container">
					<div class="navbar-top">
							<!-- Brand and toggle get grouped for better mobile display -->
							<div class="navbar-header">
							  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
								<span class="sr-only">Toggle navigation</span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
							  </button>
								 <div class="navbar-brand logo ">
									<h1 class="animated wow pulse" data-wow-delay=".5s">
									<a href="index.html" tppabs="http://demo.sc.chinaz.com/Files/DownLoad/moban/201705/moban2133/index.html">Agro<span>Seed</span></a></h1>
								</div>

							</div>

							<!-- Collect the nav links, forms, and other content for toggling -->
							<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
							 <ul class="nav navbar-nav link-effect-4">
							<li><a href="index.html" tppabs="http://demo.sc.chinaz.com/Files/DownLoad/moban/201705/moban2133/index.html" data-hover="Home">Home</a> </li>
								<li class="active"><a href="about.html" tppabs="http://demo.sc.chinaz.com/Files/DownLoad/moban/201705/moban2133/about.html" data-hover="About">About </a> </li>
								<li><a href="gallery.html" tppabs="http://demo.sc.chinaz.com/Files/DownLoad/moban/201705/moban2133/gallery.html"  data-hover="Gallery">Gallery</a></li>
								<li class="dropdown">
									<a href="codes.html" tppabs="http://demo.sc.chinaz.com/Files/DownLoad/moban/201705/moban2133/codes.html" class="dropdown-toggle" data-hover="Pages" data-toggle="dropdown">Pages <b class="caret"></b></a>
									<ul class="dropdown-menu">
										<li><a href="icons.html" tppabs="http://demo.sc.chinaz.com/Files/DownLoad/moban/201705/moban2133/icons.html">Icons</a></li>
										<li><a href="codes.html" tppabs="http://demo.sc.chinaz.com/Files/DownLoad/moban/201705/moban2133/codes.html">Short Codes</a></li>
									</ul>
							  </li>
								<li><a href="contact.html" tppabs="http://demo.sc.chinaz.com/Files/DownLoad/moban/201705/moban2133/contact.html" data-hover="Contact">Contact</a></li>
							  </ul>
							</div><!-- /.navbar-collapse -->
						</div>
					  <div class="clearfix"></div>	
			</div>
		</div>
		<!-- banner-slider -->
		<div class="jarallax about-banner">
			<div class="container">
				<div class="agileits-heading about-heading">
					<h2>About</h2>
				</div>
			</div>
		</div>	
		<!-- //banner-slider -->
	</div>
	<!-- //banner -->
	<!-- single -->
	<div class="single">
		<div class="container">
			<div class="col-md-7 w3ls_single_left">
				<div class="w3ls_single_left_grid">
					<div class="w3ls_single_left_grid_right">
						<h3>ut aut reiciendis voluptatibus maiores alias</h3>
						<ul>
							<li><i class="fa fa-calendar" aria-hidden="true"></i><span>May 09,2016</span></li>
							<li><i class="fa fa-user" aria-hidden="true"></i><a href="#">Admin</a></li>
							<li><i class="fa fa-comments" aria-hidden="true"></i><a href="#">2 Comments</a></li>
							<li><i class="fa fa-heart" aria-hidden="true"></i><a href="#">50 Likes</a></li>
							<li><i class="fa fa-tags" aria-hidden="true"></i><a href="#">3 Tags</a></li>
						</ul>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="w3ls_single_left_grid1">
					<img src="./images/7.jpg" tppabs="http://demo.sc.chinaz.com/Files/DownLoad/moban/201705/moban2133/images/7.jpg" alt=" " class="img-responsive">
					<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, 
						sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. 
						Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, 
						adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et 
						dolore magnam aliquam quaerat voluptatem. <span>Ut enim ad minima veniam, quis 
						nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex 
						ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea 
						voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem 
						eum fugiat quo voluptas nulla pariatur.</span></p>
					<div class="clearfix"> </div>
				</div>
				<div class="w3l_admin">
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam in 
						leo ut enim semper placerat. Interdum et malesuada fames ac ante ipsum 
						primis in faucibus. Suspendisse metus nisl, congue ut euismod et, dapibus 
						a dui. Nullam a varius mauris, at ultricies urna. In hac habitasse platea 
						dictumst. Morbi laoreet urna vel odio sodales
					</p>
					<a href="#"><i>John Frank</i></a>
				</div>
			</div>
			<div class="col-md-5 w3ls_single_right">
				<div class="w3ls_search1">
					<form action="#" method="post">
						<input type="text" name="Search" value="Search Here..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search Here...';}" required="">
						<input type="submit" value="Send">
					</form>
				</div>
				<div class="wthree_recent">
					<h4>Recent Posts</h4>
					<ul>
						<li><a href="#"><i class="fa fa-arrow-right" aria-hidden="true"></i>tempora incidunt ut labore dolore</a><span>June 21, 2016.</span></li>
						<li><a href="#"><i class="fa fa-arrow-right" aria-hidden="true"></i>voluptatem quia voluptas sit</a><span>June 23, 2016.</span></li>
						<li><a href="#"><i class="fa fa-arrow-right" aria-hidden="true"></i>sed quia consequuntur magni</a><span>June 24, 2016.</span></li>
						<li><a href="#"><i class="fa fa-arrow-right" aria-hidden="true"></i>ratione voluptatem sequi nesciunt</a><span>June 25, 2016.</span></li>
						<li><a href="#"><i class="fa fa-arrow-right" aria-hidden="true"></i>aspernatur aut odit aut fugit</a><span>June 28, 2016.</span></li>
					</ul>
				</div>
			</div>
			<div class="clearfix"> </div>
			<div class="agile_tags_cate">
				<div class="col-md-4 agile_cat_grid">
					<h4>Categories</h4>
					<ul class="categories">
						<li><a href="#">Donec rutrum malesuada curabitur</a></li>
						<li><a href="#">Sed porttitorlactus nibh</a></li>
						<li><a href="#">Curabitur aliquet quam id dui posuere blandit</a></li>
						<li><a href="#">Nulla porttitoraccumsan tincidunt</a></li>
						<li><a href="#">which don't look even slightly believable</a></li>
						<li><a href="#">Sed porttitorlactus nibh</a></li>
					</ul>
				</div>
				<div class="col-md-4 agile_cat_grid">
					<h4>Archives</h4>
					<ul class="categories">
						<li><a href="#">Jan 24,2012.</a></li>
						<li><a href="#">April 15,2012.</a></li>
						<li><a href="#">Sep 19,2013.</a></li>
						<li><a href="#">May 24,2014.</a></li>
						<li><a href="#">April 15,2015.</a></li>
						<li><a href="#">June 21,2016.</a></li>
					</ul>
				</div>
				<div class="col-md-4 agile_cat_grid">
					<h4>Tags</h4>
					<div class="agile_cat_grid_tags">
						<ul>
							<li><a href="#">Lorem</a></li>
							<li><a href="#">Integer</a></li>
							<li><a href="#">Mauris</a></li>
							<li><a href="#">Vestibulum</a></li>
							<li><a href="#">Donec</a></li>
							<li><a href="#">Fusce</a></li>
							<li><a href="#">Praesent</a></li>
						</ul>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="agileits_three_comments">
				<h3>Comments</h3>
				<div class="agileits_three_comment_grid">
					<div class="agileits_tom">
						<img src="./images/9.jpg" tppabs="http://demo.sc.chinaz.com/Files/DownLoad/moban/201705/moban2133/images/9.jpg" alt=" " class="img-responsive">
					</div>
					<div class="agileits_tom_right">
						<div class="hardy">
							<h4>David Son</h4>
							<p>21 June 2016</p>
						</div>
						<div class="reply">
							<a href="#">Reply</a>
						</div>
						<div class="clearfix"> </div>
						<p class="lorem">There are many variations of passages of Lorem Ipsum available,
						but the majority have suffered alteration in some form, by injected humour, 
						or randomised words which don't.</p>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="agileits_three_comment_grid agileits_three_comment_grid1">
					<div class="agileits_tom">
						<img src="./images/10.jpg" tppabs="http://demo.sc.chinaz.com/Files/DownLoad/moban/201705/moban2133/images/10.jpg" alt=" " class="img-responsive">
					</div>
					<div class="agileits_tom_right">
						<div class="hardy">
							<h4>Shane Watson</h4>
							<p>21 June 2016</p>
						</div>
						<div class="reply">
							<a href="#">Reply</a>
						</div>
						<div class="clearfix"> </div>
						<p class="lorem">There are many variations of passages of Lorem Ipsum available,
						but the majority have suffered alteration in some form, by injected humour, 
						or randomised words which don't.</p>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="agileits_three_comment_grid">
					<div class="agileits_tom">
						<img src="./images/11.jpg" tppabs="http://demo.sc.chinaz.com/Files/DownLoad/moban/201705/moban2133/images/11.jpg" alt=" " class="img-responsive">
					</div>
					<div class="agileits_tom_right">
						<div class="hardy">
							<h4>Steve Smith</h4>
							<p>21 June 2016</p>
						</div>
						<div class="reply">
							<a href="#">Reply</a>
						</div>
						<div class="clearfix"> </div>
						<p class="lorem">There are many variations of passages of lorem ipsum available,
							but the majority have suffered alteration in some form, by injected humour, 
							or randomised words which don't.</p>
					</div>
					<div class="clearfix"> </div>
				</div>
			</div>
			<div class="w3_leave_comment">
				<h3>Leave your comment</h3>
				<form action="#" method="post">
					<input type="text" name="Name" value="Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name';}" required="">
					<input type="email" name="Email" value="Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email';}" required="">
					<input type="text" name="Phone" value="Phone" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Phone';}" required="">
					<textarea name="Message" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Message...';}" required="">Message...</textarea>
					<input type="submit" value="Send">
				</form>
			</div>
		</div>
	</div>
	<!-- //single -->
	<!-- footer -->
	<div class="footer">
		<div class="footer-top">
			<div class="container">
				<div class="footer-grids">
					<div class="col-md-3 footer-grid">
						<div class="footer-logo">
							<h4><a href="index.html" tppabs="http://demo.sc.chinaz.com/Files/DownLoad/moban/201705/moban2133/index.html">Agro<span>Seed</span></a></h4>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eget egestas erat. In hac habitasse platea dictumst.</p>
						</div>
					</div>
					<div class="col-md-3 footer-grid">
						<h3>Navigation</h3>
						<ul>
							<li> <a href="about.html" tppabs="http://demo.sc.chinaz.com/Files/DownLoad/moban/201705/moban2133/about.html">About</a> </li>
							<li> <a href="gallery.html" tppabs="http://demo.sc.chinaz.com/Files/DownLoad/moban/201705/moban2133/gallery.html">Gallery</a> </li>
							<li> <a href="icons.html" tppabs="http://demo.sc.chinaz.com/Files/DownLoad/moban/201705/moban2133/icons.html">Icons</a> </li>
							<li> <a href="codes.html" tppabs="http://demo.sc.chinaz.com/Files/DownLoad/moban/201705/moban2133/codes.html">Short Codes</a> </li>
							<li> <a href="contact.html" tppabs="http://demo.sc.chinaz.com/Files/DownLoad/moban/201705/moban2133/contact.html">Contact</a> </li>
						</ul>
					</div>
					<div class="col-md-3 footer-list">
						<h3>Latest Posts</h3>
						<ul>
							<li><i class="fa fa-arrow-right" aria-hidden="true"></i> Vestibulum ante ipsum</li>
							<li><i class="fa fa-arrow-right" aria-hidden="true"></i> Phasellus at eros</li>
							<li><i class="fa fa-arrow-right" aria-hidden="true"></i> Mauris eleifend aliquet</li>
							<li><i class="fa fa-arrow-right" aria-hidden="true"></i> Aliquam vitae tristique</li>
							<li><i class="fa fa-arrow-right" aria-hidden="true"></i> Pellentesque lobortis</li>
							<li><i class="fa fa-arrow-right" aria-hidden="true"></i> Class aptent taciti</li>
							<li><i class="fa fa-arrow-right" aria-hidden="true"></i> Mauris eleifend aliquet</li>
							<li><i class="fa fa-arrow-right" aria-hidden="true"></i> Aliquam vitae tristique</li>
						</ul>
					</div>
					<div class="col-md-3 agile-footer-grid">
						<h3>Twitter Posts</h3>
						<ul class="w3agile_footer_grid_list">
							<li>Ut aut reiciendis voluptatibus <a href="#">http://example.com</a> alias, ut aut.
								<span><i class="fa fa-twitter" aria-hidden="true"></i> 02 days ago</span></li>
							<li>Itaque earum rerum hic tenetur a sapiente <a href="#">http://example.com</a> ut aut.
							<span><i class="fa fa-twitter" aria-hidden="true"></i> 03 days ago</span></li>
						</ul>
					</div>
					<div class="clearfix"> </div>
				</div>
			</div>
		</div>
	</div>
	<!-- //footer -->
	<!-- copyright -->
	<div class="copyright">
		<div class="container">
			<p>Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="javascript:if(confirm('http://sc.chinaz.com/moban/  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ������ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='http://sc.chinaz.com/moban/'" tppabs="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
		</div>
	</div>
	<!-- //copyright -->
	<script src="./js/jarallax.js" tppabs="http://demo.sc.chinaz.com/Files/DownLoad/moban/201705/moban2133/js/jarallax.js"></script>
	<script src="./js/SmoothScroll.min.js" tppabs="http://demo.sc.chinaz.com/Files/DownLoad/moban/201705/moban2133/js/SmoothScroll.min.js"></script>
	<script type="text/javascript">
		/* init Jarallax */
		$('.jarallax').jarallax({
			speed: 0.5,
			imgWidth: 1366,
			imgHeight: 768
		})
	</script>
	<script type="text/javascript" src="./js/move-top.js" tppabs="http://demo.sc.chinaz.com/Files/DownLoad/moban/201705/moban2133/js/move-top.js"></script>
	<script type="text/javascript" src="./js/easing.js" tppabs="http://demo.sc.chinaz.com/Files/DownLoad/moban/201705/moban2133/js/easing.js"></script>
	<!-- here stars scrolling icon -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
			*/
								
			$().UItoTop({ easingType: 'easeOutQuart' });
								
			});
	</script>
	<!-- //here ends scrolling icon -->
	
</body>	
</html>